import React from "react"
import { NavBar, Icon, Tabs, WhiteSpace  } from 'antd-mobile';
import getInformation2 from "./information.module.css"
import {getDetail1,getLoginStatus} from './api/index'
import {List} from "antd-mobile"
const Item = List.Item
class MyInformation extends React.Component{
    constructor(){
        super()
        this.state={
            information:''
        }
    }
    componentDidMount(){
        let uid = localStorage.getItem('uId')
        getDetail1(uid).then(body=>body.json())
        .then(res=>{
            console.log(res)
        })
        // getLoginStatus().then(body=>body.json())
        // .then(res=>{
        //     console.log(res)
        // })
    }
    Huitui(){
        this.props.history.go(-1)
    }
    render(){
        return(
            <div>
                <NavBar
                    mode="light"
                    icon={<Icon type="left" onClick={this.Huitui.bind(this)}/>}
                    onLeftClick={() => console.log('onLeftClick')}
                    rightContent={[
                        <img src={require('./img/音乐.png')}/>,
                    ]}
                    className={getInformation2.header}>我的资料</NavBar>
                <div className={getInformation2.header1}>
                    <span>上传头像并完善个人信息,即可获得积分~</span>
                </div>
                <Item
                arrow="horizontal"
                onClick={() => {}}
                >头像</Item>
                <Item
                
                arrow="horizontal"
                onClick={() => {}}
                >呢称</Item>
                <Item
                
                arrow="horizontal"
                onClick={() => {}}
                >性别</Item>
                <Item
                
                arrow="horizontal"
                onClick={() => {}}
                >二维码</Item>
                <Item
                
                arrow="horizontal"
                onClick={() => {}}
                >生日</Item>
                <Item
                
                arrow="horizontal"
                onClick={() => {}}
                >地区</Item>
                <Item
                
                arrow="horizontal"
                onClick={() => {}}
                >大学</Item>
                <Item
                
                arrow="horizontal"
                onClick={() => {}}
                >介绍</Item>
                
                <Item
                
                arrow="horizontal"
                onClick={() => {}}
                >账号和绑定设置</Item>
                <Item
                
                arrow="horizontal"
                onClick={() => {}}
                >个人主页绑定设置</Item>
                
            </div>
        )
    }
}

export default MyInformation